<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="tables.JdbcUtilisateur" %>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />
<link type="text/css" rel="stylesheet" href="dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
<script src="dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
<title>Bienvenue sur alibi en folie!</title>
<script>
function afficher(id){
	var pr = document.getElementById(id);
	pr.style.display = "block";	
}
</script> 
<script>
function cacher(id){
	var pr = document.getElementById(id);
	pr.style.display = "none";
}
</script> 
<script>
function afficher_Choix(){
	var pr = document.getElementById("typeDocument").value;
	if (pr=="convocation"){
		afficher('convocation');
		cacher('facture');
	}
	if(pr=="facture"){
		cacher('convocation');
		afficher('facture');
	}
}
</script>
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
	    <p> Bienvenue, <br> <%=request.getAttribute("membre") %></p>
		<input type="submit" name="deconnexion" value="deconnexion" id="bouton2">
		<input type="submit" name="changement_parametre" value="paramètres du compte" id="bouton2">
		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" onclick="window.open(this.href);return false;">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" onclick="window.open(this.href);return false;">perdu ?</a>
				<br>
				<a href="http://www.radins.com" onclick="window.open(this.href);return false;">besoin d'argent?</a>
	    </form>
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info" >devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" onclick="window.open(this.href);return false;">Qu'est ce qu'un membre premium ?</a></p>
	</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
			<br>
			<br>
			<br>
			<br>
			<%Boolean estPremium=false;
				 if (request.getAttribute("estPremium")!=null){
				    if (request.getAttribute("estPremium").equals("oui")){
				    estPremium=true;
				    }}%>
			<form action="gestionOnglet">
	   			<ul id="menu">
        <li>
                <input type="submit" name="option" value="Accueil" class="inactive">
        </li>
        <li>
                <a href="#" class="active">Nos services d'alibis</a>
                <ul>
                <%if(estPremium){ %>
                        <li><input type="submit" name="option" value="Envoyer une carte postale" class="sousIn"></li>
                        <%} %>
                        <li><input type="submit" name="option" value="Envoyer un e-mail/sms" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Autres alibis" class="sousDerAct"></li>            
                </ul>
        </li>
        <%if (estPremium) {%>
        <li>
                <a href="#" class="inactive">Alibis avec complice</a>
                <ul>
                        <li><input type="submit" name="option" value="Recherche complice" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Etre complice" class="sousDerIn"></li>
                </ul>
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Consulter votre profil" class="inactive">
        </li>
        <%if(estPremium){ %>
        <li>
                <input type="submit" name="option" value="Message recus" class="inactive">
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Donnez votre avis" class="inactive">
        </li>
        
</ul>
	  		</form>
		</div>
		<div id="partieCentrale">
		    <br>
		    <br>
		    <p id="titre"> Notre service de creation de document et de photomontage</p>
		    <br>
		    <br>
		    <%if (request.getAttribute("reussite") !=null){ %>
		    	<p id="miniTitre"> <%=request.getAttribute("reussite")%></p>
		    	<br>
		    <%} %>
		    <table id="tableFormulaire">
		    
		    <tr><td><input type="radio" name="optionAutresAlibis" value="facture" onChange="afficher('facture');cacher('convocation')"> Je souhaite créer un document de type facture</td></tr>

		    <tr><td><input type="radio" name="optionAutresAlibis" value="convocation" onChange="afficher('convocation');cacher('facture')"> Je souhaite créer un document de type convocation</td></tr>
		    
		    </table>
		   	<div id="convocation" style="display:none">
		    	<form action="gestionOnglet" >
		    		<br>
		    		L'expéditeur de la convocation : <input type="text" name="nomExp" required placeholder="Mr Christian Voinot">
		    		<br><br>
		    		Son adresse : 
		    		<input type="text" name="adrExp" required placeholder="rue saint michel"> <input type="text" name="cpExp" required placeholder="31 400"> <input type="text" name="villeExp" required placeholder="Toulouse">
		    		<br><br>
		    		Motif de la convocation : 
		    		<br><input type="radio" name="motifConvocation" value="entretien" onChange="afficher('entretien');cacher('reunion');cacher('assembleeG')">un entretien
		    		<br><input type="radio" name="motifConvocation" value="assembleeG" onChange="afficher('assembleeG');cacher('entretien');cacher('reunion')" >une assemblée générale
		    		<br><input type="radio" name="motifConvocation" value="reunion" onChange="afficher('reunion');cacher('entretien');cacher('assembleeG')">une réunion
		    		<br><br>
		    		<div id="entretien" style="display:none">
		    			Date de l'entretien :
		    			<select name="dayE">
						<% for (int j=1 ; j<32 ; j++){%>
						<option value="<%=j %>"><%=j%></option>
						<%} %>
					</select>
			    	  /
					<select name="monthE">
						<option value="01">Jan</option>
						<option value="02">Feb</option>
						<option value="03">Mar</option>
						<option value="04">Apr</option>
						<option value="05">May</option>
						<option value="06">Jun</option>
						<option value="07">Jul</option>
						<option value="08">Aug</option>
						<option value="09" selected>Sep</option>
						<option value="10">Oct</option>
						<option value="11">Nov</option>
						<option value="12">Dec</option>

					</select> /
				
					<select name="yearE">
		    			<%for (int i=2011; i<2016 ; i++){%>
						<option value="<%=i%>"><%=i%></option>
						<%}%>

					</select>
					<input type="button" value="Ouvrir le calendrier" id="bouton" onclick="displayCalendarSelectBox(document.forms[2].yearE,document.forms[2].monthE,document.forms[2].dayE,false,false,this)">
		    		<br><br>
		    			Poste visé : <input type="text"	name="poste">	    		
		    		</div>
		    		<div id="assembleeG" style="display:none">
		    		<table>
		    			<tr> <td>Ordre du jour :</td><td> <textarea rows="9" cols="50" name="ordreDuJour" placeholder="- vote du budget">
		    			</textarea></td></tr>
		    			<tr><td>Lieu de l'assemblée :</td><td> <input type="text" name="lieuA"></td></tr>
		    			<tr><td>Date de l'assemblée :</td><td> 
		    				<select name="dayA">
						<% for (int j=1 ; j<32 ; j++){%>
						<option value="<%=j %>"><%=j%></option>
						<%} %>
					</select>
			    	  /
					<select name="monthA">
						<option value="01">Jan</option>
						<option value="02">Feb</option>
						<option value="03">Mar</option>
						<option value="04">Apr</option>
						<option value="05">May</option>
						<option value="06">Jun</option>
						<option value="07">Jul</option>
						<option value="08">Aug</option>
						<option value="09" selected>Sep</option>
						<option value="10">Oct</option>
						<option value="11">Nov</option>
						<option value="12">Dec</option>

					</select> /
				
					<select name="yearA">
		    			<%for (int i=2011; i<2016 ; i++){ %>
						<option value="<%=i%>"><%=i%></option>
						<%} %>

					</select><input type="button" value="Ouvrir le calendrier" id="bouton" onclick="displayCalendarSelectBox(document.forms[2].yearA,document.forms[2].monthA,document.forms[2].dayA,false,false,this)">
		    		</td></tr>
					<tr><td>Heure de l'assemblée :</td><td>
					<select name="heureA">
					<%for (int i=0; i<24; i++){ %>
						<option value="<%=i%>" <%if(i==14){%>selected<%} %>><%=i%></option>
					<%} %>
					</select>h
					</td></tr>
					</table>																					
		    		</div>
		    		<div id="reunion" style="display:none">
		    		<table>
		    			<tr><td>Objet de la réunion :</td><td> <input type="text" name="objetR"></td></tr>
		    			<tr><td>Lieu de la réunion :</td><td> <input type="text" name="lieuR"></td></tr>
		    			<tr><td>Date de la réunion :</td><td> 
		    				<select name="dayR">
						<% for (int j=1 ; j<32 ; j++){%>
						<option value="<%=j %>"><%=j%></option>
						<%} %>
					</select>
			    	  /
					<select name="monthR">
						<option value="01">Jan</option>
						<option value="02">Feb</option>
						<option value="03">Mar</option>
						<option value="04">Apr</option>
						<option value="05">May</option>
						<option value="06">Jun</option>
						<option value="07">Jul</option>
						<option value="08">Aug</option>
						<option value="09" selected>Sep</option>
						<option value="10">Oct</option>
						<option value="11">Nov</option>
						<option value="12">Dec</option>

					</select> /
				
					<select name="yearR">
		    			<%for (int i=2011; i<2016 ; i++){ %>
						<option value="<%=i%>"><%=i%></option>
						<%} %>

					</select>	
					<input type="button" value="Ouvrir le calendrier" id="bouton" onclick="displayCalendarSelectBox(document.forms[2].yearR,document.forms[2].monthR,document.forms[2].dayR,false,false,this)">
		    		</td></tr>
					<tr><td>Heure de la réunion :</td><td>
					<select name="heureR">
					<%for (int i=0; i<24; i++){ %>
						<option value="<%=i%>" <%if(i==14){%>selected<%} %>><%=i%></option>
					<%} %>
					</select>h
					</td></tr>
					</table>														 
		    		</div>
		    		<input type="submit" name="generationConvocation" value="generer le document" id="bouton" style="float:right">
		    	</form>
		    </div>
		        
		    <div id="facture" style="display:none">
		    	<form action="gestionOnglet" >
		    		<br>
		    		Nom de l'entreprise : <input type="text" name="nomEntreprise" placeholder="Hôtel Bellevue !" required>
		    		<br><br>
		    		Adresse de l'entreprise : <input type="text" name="adresseEntreprise" placeholder="rue Saint Germain" required> 
		    								  <input type="text" name="codePostalEntreprise" placeholder="31000" required>
		    								  <input type="text" name="villeEntreprise" placeholder="Toulouse" required>
		    		<br><br>
		    		Date de la facture : 
		    		<select name="day">
						<% for (int j=1 ; j<32 ; j++){%>
						<option value="<%=j %>"><%=j%></option>
						<%} %>
					</select>
			    	  /
					<select name="month">
						<option value="01">Jan</option>
						<option value="02">Feb</option>
						<option value="03">Mar</option>
						<option value="04">Apr</option>
						<option value="05">May</option>
						<option value="06">Jun</option>
						<option value="07">Jul</option>
						<option value="08">Aug</option>
						<option value="09" selected>Sep</option>
						<option value="10">Oct</option>
						<option value="11">Nov</option>
						<option value="12">Dec</option>

					</select> /
				
					<select name="year">
		    			<%for (int i=2011; i<2016 ; i++){ %>
						<option value="<%=i%>"><%=i%></option>
						<%} %>

					</select>
					<input type="button" value="Ouvrir le calendrier" id="bouton" onclick="displayCalendarSelectBox(document.forms[2].year,document.forms[2].month,document.forms[2].day,false,false,this)">
		    		<br><br>
		    		Désignation des produits de la facture (au moins un produit): 
		    		<br>
		    		<br>
		    		<input type="text" name="produit1" placeholder="produit 1" required> TVA : <select name="TVA1"><option>19,6</option><option>5,5</option> </select>%  
		    		prix : <input type="text" name="prix1" required style="width:30px"> quantité : <input type="text" name="quantite1" required style="width:30px">
		    		<br>
		    		<input type="text" name="produit2" placeholder="produit 2" onChange="ajoutRequired2();" > TVA : <select name="TVA2"><option>19,6</option><option>5,5</option> </select>%  
		    		prix : <input type="text" name="prix2" style="width:30px"> quantité : <input type="text" name="quantite2" style="width:30px">
		    		<br>
		    		<input type="text" name="produit3" placeholder="produit 3" onChange="ajoutRequired3();"> TVA : <select name="TVA3"><option>19,6</option><option>5,5</option> </select>%  
		    		prix : <input type="text" name="prix3" style="width:30px"> quantité : <input type="text" name="quantite3" style="width:30px">
		    		<br>
		    		<input type="text" name="produit4" placeholder="produit 4" onChange="ajoutRequired4();"> TVA : <select name="TVA4"><option>19,6</option><option>5,5</option> </select>%  
		    		prix : <input type="text" name="prix4" style="width:30px"> quantité : <input type="text" name="quantite4" style="width:30px">
		    		<br>
		    		<input type="text" name="produit5" placeholder="produit 5" onChange="ajoutRequired5();"> TVA : <select name="TVA5"><option>19,6</option><option>5,5</option> </select>%  
		    		prix : <input type="text" name="prix5" style="width:30px"> quantité : <input type="text" name="quantite5" style="width:30px">
		    		<br><br>
		    		<input type="submit" name="generationFacture" value="generer le document" id="bouton" style="float:right" >
		    	</form>
		    	</div>	
		    
		    <br>
		    <br>
		</div>
		</div>
		<br>
</div>
<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>